<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>register</title>
<link href="css/register.css" type="text/css" rel="stylesheet" />
<link href="css/base.css" type="text/css" rel="stylesheet" />
<link href="css/common.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div class="header">
    <div class="header-content wraper clearFix">
        <h1 class="fl"><a href="javascript:;"><img src="images/logo.png" alt="" ></a></h1>
    </div>
</div>
<div class="register">
    <div class="register-list">
        <h2>欢迎注册</h2>
        <ul>
            <li class="clearFix">
                <div class="guild fl"><i>*</i>账户名：</div>
                <input type="text" placeholder="限8位，含数字和字母" />
            </li>
            <li class="clearFix">
                <div class="guild fl"><i>*</i>设置密码：</div>
                <input type="password" placeholder="6-16个数字或字母" />
            </li>
            <li class="clearFix">
                <div class="guild fl"><i>*</i>确认密码：</div>
                <input type="password" />
            </li>
            <li class="clearFix">
                <div class="guild fl">公司名称：</div>
                <input type="text" />
            </li>
            <li class="clearFix">
                <div class="guild fl"><i>*</i>联系人：</div>
                <input type="text" />
            </li>
            <li class="clearFix">
                <div class="guild fl"><i>*</i>所在区域：</div>
                <select>
                    <option>上海</option>
                    <option>北京</option>
                    <option>广州</option>
                </select>
            </li>
            <li class="clearFix">
                <div class="guild fl"><i>*</i>验证手机：</div>
                <input type="text" />
            </li>
            <li class="clearFix">
                <div class="guild fl"><i>*</i>短信验证：</div>
                <div class="small clearFix">
                    <input type="text" class="small-inp fl"/>
                    <div class="btn fl"><a href="javascript:;">获取短信验证码</a></div>
                </div>
            </li>
            <li class="clearFix">
                <div class="guild fl"><i>*</i>验证码：</div>
                <div class="small clearFix">
                    <input type="text" placeholder="请输入验证码" class="small-inp fl"/>
                    <div class="code fl clearFix">
                        <img src="images/code.jpg" alt="">
                        <a href="javascript:;">换一张</a>
                    </div>
                </div>
            </li>
            <div class="yes-btn wraper">
                <a href="javascript:;">同意协议并注册</a>
            </div>
            <div class="agree wraper">
                <a class=" agree-content fl" href="javascript:;">《海云互通网络管理协议》</a>
                <a class=" login fr" href="javascript:;"><< 立即登陆</a>
            </div>
        </ul>
    </div>
</div>
<div class="footer">
    <div class="bottom">
        <div class="bottom-top clearFix">
            <div class="bottom-top-left fl">
                <a href="javascript:;">shopcmd</a>
                <span>|</span>
                <a href="javascript:;">首页</a>
                <span>|</span>
                <a href="javascript:;">官网云商城</a>
                <span>|</span>
                <a href="javascript:;">智慧门店</a>
                <span>|</span>
                <a href="javascript:;">营销平台</a>
                <span>|</span>
                <a href="javascript:;">媒体联盟</a>
                <span>|</span>
                <a href="javascript:;">关于我们</a>
            </div>
            <div class="bottom-top-right fl">4008-188-360</div>
        </div>
        <div class="bottom-bottom">©Copyright 2015 苏州海云网络科技有限公司版权所有 | 苏ICP备15038170号-3</div>
    </div>
</div>
</body>
</html>